<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
			
		window.onload = function () {
			baidu = document.getElementById('baidu');

			baidu.parentNode.nextSibling.nextSibling.childNodes[1].style.background = "red";

			a = document.getElementsByTagName('a');

			for (var i = 0; i <=a.length; i++) {
				a[i].onclick= function () {
					this.parentNode.parentNode.style.display="none";
				}
			}
		}


	</script>
</head>
<body>
	<p>
		<span>学并思</span>
		<a href="" id="baidu">百度一下</a>
	</p>
	<span>
		<p>dfdfdf</p>
	</span>
	<table  border="1">
		<tr>
			<td>内容</td>
			<td>内容</td>
			<td>内容</td>
			<td>操作</td>
		</tr>
		<tr>
			<td>内容</td>
			<td>内容</td>
			<td>内容</td>
			<td><a href="javascript:;">删除</a></td>
		</tr>
		<tr>
			<td>内容</td>
			<td>内容</td>
			<td>内容</td>
			<td><a href="javascript:;">删除</a></td>
		</tr>
		<tr>
			<td>内容</td>
			<td>内容</td>
			<td>内容</td>
			<td><a href="javascript:;">删除</a></td>
		</tr>
		<tr>
			<td>内容</td>
			<td>内容</td>
			<td>内容</td>
			<td><a href="javascript:;">删除</a></td>
		</tr>
	</table>
</body>
</html>